<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <!-- 设置视口-->
    <meta name="viewport" content="width=device-width,inital-scale=1"/>
    <!-- 导入css-->
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <link rel="stylesheet" href="css/basic.css"/>
    <!-- 导入js-->
    <script src="js/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>
<body>
<header>
    <!-- 头部-->
    <div class="BHeader">
        <div class="yNavIndex ">
            <ul class="breadcrumb   my_bg">
                <li class="breadcrumb-item">
                    <a href="wai_login.html" style="color:#ea4949;">请登录</a>
                </li>
                <li class="breadcrumb-item">
                    <a href="wai_reg.html">免费注册</a>
                </li>
                <li class="breadcrumb-item">
                    <a href="wai_dd.html">订单查询</a>
                </li>
                <li class="breadcrumb-item">
                    <a href="my_sc.html">我的收藏</a>
                </li>
                <div class="dropdown">
                    <!-- boot中通过自定义属性data-toggle来激活-->
                    <button class="btn my_bg my_small border-0 dropdown-toggle" data-toggle="dropdown">我的商城</button>
                    <ul class="dropdown-menu">
                        <li><a href="wai_dd.html">我的订单</a></li>
                        <li><a href="my_sc.html">我的收藏</a></li>
                        <li><a href="#">账户安全</a></li>
                        <li><a href="#">地址管理</a></li>
                        <li><a href="#">我要评价</a></li>
                    </ul>
                </div>
            </ul>
        </div>
    </div>
    <!--搜索-->
    <div class="container row  m-0 ">
        <div class="header-logo f1 col-md-3 col-sm-12 p-0">
            <h1>
                <a href="wai_index.html">
                    <img src="../theme/icon/logo.png" alt=""/>
                </a>
            </h1>
        </div>
        <div class="head-form fl col-md-7 col-sm-12 ml-5">
            <div class="input-group w-100">
                <input class="form-control p-0 border-danger in1" type="text" placeholder="请输入您要搜索的内容"/>
                <a href="#"><button class="button">搜索</button></a>
            </div>
            <div class="words-text  mt-2">
                <a href="#" class="red">1元秒爆</a>
                <a href="#">低至五折</a>
                <a href="#">农用物资</a>
                <a href="#">买一赠一</a>
                <a href="#">佳能相机</a>
                <a href="#">稻香村月饼</a>
                <a href="#">服装城</a>
            </div>
        </div>
        <div class="col-md-2 col-sm-12"></div>
    </div>
    <!-- 栏-->
    <div class="yHeader">
        <div class="yNavIndex">
                    <h2 class="pullDownTitle fl">
                        全部商品分类
                    </h2>
            <ul class="yMenuIndex ">
                <li><a href="" target="_blank">服装城</a></li>
                <li><a href="" target="_blank">美妆馆</a></li>
                <li><a href="" target="_blank">美食</a></li>
                <li><a href="" target="_blank">全球购</a></li>
                <li><a href="" target="_blank">闪购</a></li>
                <li><a href="" target="_blank">团购</a></li>
                <li><a href="" target="_blank">拍卖</a></li>
                <li><a href="" target="_blank">金融</a></li>
                <li><a href="" target="_blank">智能</a></li>
            </ul>
        </div>
    </div>
</header>
<div class="containers p-0">
<div class="bj ">
  <ul class="p-2 mb-4">
      <li><h6 class="font-weight-bold">电脑、办公&gt;</h6></li>
      <li>外设产品&gt;</li>
      <li>电玩&gt;</li>
      <li>爱电玩（IGAME）&gt;</li>
      <li>任天堂NEW 3DS XL NOSi NDSiLL NEW</li>
  </ul>
    <div class="product ">
        <div class="row m-0">
            <div  class="col-md-4 col-sm-12 p-0 border border-secondary">
                <div class="tab-content clearfix">
               <div class="tab-pane active" id="tab1">
                <img class="big_img " src="../theme/img/pd/product.png" alt=""/>
               </div>
                <div class="tab-pane"  id="tab2">
                <img class="big_img " src="../theme/img/pd/product3.png" alt=""/>
                </div>
                <div class="tab-pane"   id="tab3">
                <img class="big_img " src="../theme/img/pd/product4.png" alt=""/>
                </div>
                <div class="tab-pane"  id="tab4">
                <img   class="big_img " src="../theme/img/pd/product2.png" alt=""/>
                </div>
                <div class="tab-pane"  id="tab5">
                <img class="big_img " src="../theme/img/pd/product1.png" alt=""/>
                </div>
                </div>
                <ul class="nav nav-tabs ">
                    <li class="nav-item "><a class=" nav-link" href="#tab1" data-toggle="tab"><img class="jh_img" src="../theme/img/pd/product.png" alt=""/></a></li>
                    <li class="nav-item "><a class=" nav-link" href="#tab2" data-toggle="tab"><img class="jh_img" src="../theme/img/pd/product1.png" alt=""/></a></li>
                    <li class="nav-item "><a class=" nav-link" href="#tab3" data-toggle="tab"><img class="jh_img" src="../theme/img/pd/product2.png" alt=""/></a></li>
                    <li class="nav-item "><a class=" nav-link" href="#tab4" data-toggle="tab"><img class="jh_img" src="../theme/img/pd/product3.png" alt=""/></a></li>
                    <li class="nav-item "><a class=" nav-link" href="#tab5" data-toggle="tab"><img class="jh_img" src="../theme/img/pd/product4.png" alt=""/></a></li>
                </ul>
            </div>
            <div class="col-md-5 col-sm-12 mt-3 ml-4">
                <h5>三星Galaxy S3(|939|)白色 电信3G手机 双卡双待经典S3升级版，全新便携双卡双待（GS可上网）</h5>
                <p class="py-4 text-danger font-weight-bold big_font">￥1900.00</p>
                <p>由<a class="text-danger" href="#">神游官方旗舰店</a>负责发货，并提供售后服务。</p>
                <div class="xl row m-0 mt-2">
                    <div class="col-6 p-0 text-center">
                        <h5 class="
                ">累计销量：<span class="text-danger">3988</span>件</h5>
                        </div>
                    <div class="col-5 p-0">
                        <h5 class="
                ">累计评价：<span class="text-danger">3888</span>件</h5>
                    </div>
                </div>
                 版本 <ul class="pag mt-2">
                <li class="pag-item active mx-1">
                    <a class="pag-link" href="#">32</a>
                </li>
                <li class="pag-item mx-1">
                    <a class="pag-link" href="#">32</a>
                </li>
                <li class="pag-item mx-1">
                    <a class="pag-link" href="#">32</a>
                </li>
                <li class="pag-item mx-1">
                    <a class="pag-link" href="#">32
                    </a>
                </li>
                <li class="pag-item mx-1">
                    <a class="pag-link" href="#">32</a>
                </li>
                <li class="pag-item mx-1">
                    <a class="pag-link" href="#">32</a>
                </li>
                <li class="pag-item mx-1">
                    <a class="pag-link" href="#">32</a>
                </li>
                <li class="pag-item ml-1">
                    <a class="pag-link" href="#">32</a>
                </li>
            </ul>
                颜色 <ul class="mt-2 clearfix">
                <li class="pag-item mx-1">
                    <a class="pag-link" href="#"><img src="../theme/img/pd/product.png" alt=""/></a>
                </li>
                <li class="pag-item mx-1">
                    <a class="pag-link" href="#"><img src="../theme/img/pd/product1.png" alt=""/></a>
                </li>
                <li class="pag-item ml-1">
                    <a class="pag-link" href="#"><img  src="../theme/img/pd/product2.png" alt=""/></a>
                </li>
            </ul>
                <h3 class="mt-2">商品编号：1654456 <a href="" class="btn btn-outline-danger px-4 mx-3">立即购买</a>
                </h3>

            </div>
            <div class="col-md-2 col-sm-12 mt-3 p-3">
                <img  src="../theme/icon/shop-logo.png" alt=""/>
                <h5 class="mt-4">神游官方旗舰店</h5>
                <p class="mt-3">公司名称：优购科技有限公司</p>
                <p class="mt-1">所在地： 广东省   深圳市</p>
                <p class="lxkf mt-3"><a class="text-white ml-4 mt-2
                " href="">联系客服</a></p>
                <a class="btn btn-sm border border-secondary mt-3" href="">进入店铺</a>
                <a class="btn btn-sm border border-secondary mt-3" href="">关注店铺</a>
            </div>
        </div>
    </div>
</div>
</div>
<footer>
    <iframe class="my_footer w-100" src="footer.html" frameborder="0" scrolling="0"></iframe>

</footer>
</body>
</html>